<div class="detail">
    <div class="scroll_dt">
        <div class="logo">
            <a href="<?=DOMAIN?>">
                <p class="h1">Sudo</p>
                <p class="h3">Web Solutions</p>
            </a>
        </div>
        <div class="content" style="padding: 0px 10px; padding-bottom: 20px;">
            <div class="share_cat_nav">
                <ul>
                <?
                $catId = $result['sha_cat_id'];
                $share_cat_menu = $general->general_share_cat();
                foreach($share_cat_menu as $cat_menu) {
                    ?>
                    <li><a <?=$cat_menu['cat_id'] == $catId ? 'class="active"' : ''?> href="<?=generate_share_cat_url($cat_menu)?>"><?=$cat_menu['cat_name']?></a></li>
                    <?
                }
                ?>
                </ul>
            </div>
            <div class="share_detail_content">
                <div class="share_detail_content_left">
                    <div class="title">
                        <h1><?=$result['sha_title']?></h1>
                    </div>
                    <div class="main">
                        <p><b><?=$result['sha_summary']?></b></p>
                        <p><?=$result['sha_detail']?></p>
                    </div>
                    <div class="social">
                        <ul>
		                    <li><div class="fb-like" data-href="<?=DOMAIN.$_SERVER['REQUEST_URI']?>" data-width="450" data-layout="button_count" data-show-faces="false" data-send="false"></div></li>
		                    <li><a href="https://twitter.com/share" class="twitter-share-button" data-url="<?=DOMAIN.$_SERVER['REQUEST_URI']?>">Tweet</a></li>
		                    <li><div class="g-plusone" data-size="medium" data-annotation="inline" data-width="300" data-href="<?=DOMAIN.$_SERVER['REQUEST_URI']?>"></div></li>
		                </ul>
                        <script>
		                    !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');
		                </script>
		                <script type="text/javascript" src="https://apis.google.com/js/plusone.js">
		                  {lang: 'vi'}
		                </script>
                    </div>
                    <div class="comments">
                        <div class="comments_tab">
                            <div class="comments_tab_item comments_tab_fb active">Facebook</div>
                            <div class="comments_tab_item comments_tab_gg">Google</div>
                        </div>
                        <div class="comments_main">
                            <div class="comments_main_item comments_main_fb" style="z-index: 1000;position: relative">
                                <div class="fb-comments" data-href="<?=DOMAIN.$_SERVER['REQUEST_URI']?>" data-colorscheme="light" data-numposts="5" data-width="850"></div>
                            </div>
                            <div class="comments_main_item comments_main_gg">
                                <div class="g-comments"
                                    data-href="<?=DOMAIN.$_SERVER['REQUEST_URI']?>"
                                    data-width="850"
                                    data-first_party_property="BLOGGER"
                                    data-view_type="FILTERED_POSTMOD">
                                </div>
                            </div>
                        </div>
                        <script>
                    $('.comments_tab_fb').on('click',function(){
                        $('.comments_tab div').removeClass('active');
                        $(this).addClass('active');
                        $('.comments_main_gg').css({'z-index':'100','position':'absolute'});
                        $('.comments_main_fb').css({'z-index':'1000','position':'relative'});
                    }); 
                    $('.comments_tab_gg').on('click',function(){
                        $('.comments_tab div').removeClass('active');
                        $(this).addClass('active');
                        $('.comments_main_fb').css({'z-index':'100','position':'absolute'});
                        $('.comments_main_gg').css({'z-index':'1000','position':'relative'});
                    }); 
                </script>
                    </div>
                </div>
                <div class="share_detail_content_right">
                    <div class="box_info">
                        <div class="title">
                            <p>Thông tin</p>
                        </div>
                        <div class="main">
                            <div class="item sta_author">Sudo team</div>
                            <div class="item sta_date"><?=date('h:i d/m/y',$result['sha_date'])?></div>
                            <div class="item sta_comment"><?=$statistics['sta_comment']?></div>
                            <div class="item sta_view"><?=$statistics['sta_view']?></div>
                        </div>
                    </div>
                    <div class="box_relate">
                        <div class="title">
                            <p>Bài liên quan</p>
                        </div>
                        <div class="main">
                            <ul>
                            <?
                            $relate = $share_detail->relate();
                            foreach($relate as $relate_item) {
                                ?>
                                <li>
                                    <a href="<?=generate_share_detail_url($relate_item)?>">
                                        <div class="img">
                                            <img src="<?=share_img.$relate_item['sha_picture']?>" alt="<?=$relate_item['sha_title']?>" />
                                        </div>
                                        <h3><?=$relate_item['sha_title']?></h3>
                                    </a>
                                </li>
                                <?
                            }
                            ?>
                            </ul>
                        </div>
                    </div>
                </div><!-- share_detail_content_right -->
            </div><!-- share_detail_content -->
        </div>
    </div>
    </div><!-- End detail -->
    <script>
    $(document).ready(function() {
        var dt_scroll = $(window).height();
        $('.scroll_dt').slimScroll({
            height: dt_scroll,
            wheelStep: 2
        });
    });
    </script>